﻿<%@ Page Title="" Language="C#" MasterPageFile="~/UserUI/UserUI.Master" AutoEventWireup="true"
    CodeBehind="UserHomePageUI.aspx.cs" Inherits="ELearningSystem.UI.UserUI.UserHomePageUI" %>

<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="asp" %>
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit.HTMLEditor"
    TagPrefix="cc1" %>
<%@ Register TagPrefix="ajaxToolkit" Namespace="AjaxControlToolkit" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
   
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">
    <div id="panel">
        <asp:Panel ID="userPanel" runat="server">
            <table style="float: left">
                <tr>
                    <td>
                        <asp:Label ID="userHomeLabel" runat="server" Width="356px" />
                    </td>
                    <td>
                        <asp:LinkButton ID="signInLinkButton" runat="server" Text="Sign In" Width="59px"
                            OnClick="signInLinkButton_Click"></asp:LinkButton>
                    </td>
                    <td>
                        <asp:LinkButton ID="signUpLinkButton" runat="server" Text="Sign Up" Width="68px"
                            OnClick="signUpLinkButton_Click"></asp:LinkButton>
                    </td>
                    <td>
                        <asp:LinkButton ID="signOutlinkButton" runat="server" Text="Sign Out" OnClick="signOutlinkButton_Click"></asp:LinkButton>
                    </td>
                </tr>
            </table>
        </asp:Panel>
        <div id="score_div" runat="server">
            <table>
                <tr>
                    <td>
                        Total Practices :
                        <asp:Label ID="totalPracticeLabel" runat="server"></asp:Label>
                    </td>
                </tr>
                <tr>
                    <td>
                        Attemted
                        <asp:Label ID="attemptedOnTotalLabel" runat="server"></asp:Label>% On Total
                    </td>
                </tr>
                <tr>
                    <td>
                        Passed
                        <asp:Label ID="passedOnTotal" runat="server"></asp:Label>% On Total
                    </td>
                </tr>
                <tr>
                    <td>
                        Passed
                        <asp:Label ID="pasedOnAttempted" runat="server"></asp:Label>% On Attempted
                    </td>
                </tr>
            </table>
        </div>
    </div>
    <div id="main_div">
        <div id="content_div" >
            <div id="button_div">
                <asp:Button ID="previousButton" runat="server" Text="Previous" Width="122px" OnClick="previousButton_Click"
                    BackColor="#006600" Font-Bold="True" ForeColor="White" Height="35px" BorderStyle="Double" />
                <asp:Button ID="nextButton" runat="server" Text="Next" Style="margin-left: 412px"
                    OnClick="nextButton_Click" Width="122px" BackColor="#006600" Font-Bold="True"
                    ForeColor="White" Height="38px" BorderStyle="Double" />
            </div>
            <div id="content_div_video" runat="server">
                <div id="videoContent" class="floatleft" runat="server">
                    <iframe id="videoframe" width="660px" height="400px" src="<%#contentLink%>" frameborder="0"
                        allowfullscreen="true" runat="server"></iframe>
                </div>
                <div id="content_div_tabBox" class="floatleft">
                    <asp:ToolkitScriptManager ID="ToolkitScriptManager1" runat="server">
                    </asp:ToolkitScriptManager>
                    <asp:TabContainer ID="contentTabContainer" Width="660px" runat="server" ActiveTabIndex="1">
                        <asp:TabPanel runat="server" ID="DescriptionPanel">
                            <HeaderTemplate>
                                Description</HeaderTemplate>
                            <ContentTemplate>
                                <asp:Label ID="descriptionLabel" runat="server" Text="Description:"></asp:Label>
                                <div>
                                    <asp:ListView runat="server" ID="descriptionsListView">
                                        <LayoutTemplate>
                                            <table>
                                                <asp:PlaceHolder runat="server" ID="itemPlaceholder"></asp:PlaceHolder>
                                            </table>
                                        </LayoutTemplate>
                                        <ItemTemplate>
                                            <tr>
                                                <td>
                                                    <div class="description_div">
                                                        <div class="floatleft">
                                                            <asp:Label ID="descriptionTextLabel" runat="server" Text='<%# Eval("Text") %>' />
                                                        </div>
                                                    </div>
                                                </td>
                                            </tr>
                                        </ItemTemplate>
                                    </asp:ListView>
                                </div>
                            </ContentTemplate>
                        </asp:TabPanel>
                        <asp:TabPanel runat="server" ID="CommentsPanel">
                            <HeaderTemplate>
                                Comments</HeaderTemplate>
                            <ContentTemplate>
                                <asp:Label ID="commentsLabel" runat="server" Text="Comments:"></asp:Label>
                                <div>
                                    <asp:TextBox ID="commentsTextBox" runat="server" Width="400px" Rows="4" TextMode="MultiLine"
                                        Font-Italic="True" Font-Names="Comic Sans MS" ForeColor="#660066" AutoCompleteType="Search"
                                        MaxLength="200" CausesValidation="True" ValidationGroup="Range"></asp:TextBox>
                                    <asp:Button ID="saveCommentButton" runat="server" Text="Post" OnClick="saveCommentButton_Click"
                                        ValidationGroup="Range" />
                                </div>
                                <div>
                                    <asp:ListView runat="server" ID="commentsListView">
                                        <LayoutTemplate>
                                            <table>
                                                <asp:PlaceHolder runat="server" ID="itemPlaceholder"></asp:PlaceHolder>
                                            </table>
                                        </LayoutTemplate>
                                        <ItemTemplate>
                                            <tr>
                                                <td>
                                                    <div id="comment_div">
                                                        <div class="comment_section">
                                                            <asp:Label ID="nameLabel" runat="server" Text='<%# Eval("Learner.Name") %>' ForeColor="Green" />
                                                            <asp:Label ID="user" runat="server" Text="Said...~" ForeColor="Green"></asp:Label>
                                                            <asp:Label Font-Italic="True" Font-Names="Comic Sans MS" Font-Bold="True" ForeColor="#660066"
                                                                ID="commentLabel" runat="server" Text='<%# Eval("Text") %>' />
                                                            <asp:Label ID="commmentDate" runat="server" Text="On" ForeColor="Blue"></asp:Label>
                                                            <asp:Label ID="commentDateLabel" runat="server" Text='<%# Eval("Date") %>' BackColor="Green"
                                                                ForeColor="White" />
                                                        </div>
                                                    </div>
                                                </td>
                                            </tr>
                                        </ItemTemplate>
                                    </asp:ListView>
                                </div>
                            </ContentTemplate>
                        </asp:TabPanel>
                        <asp:TabPanel runat="server" HeaderText="Materials" ID="MaterialsPanel">
                            <HeaderTemplate>
                                Materials</HeaderTemplate>
                            <ContentTemplate>
                                <asp:Label ID="materialsLabel" runat="server" Text="Materials"></asp:Label>
                                <div>
                                    <asp:ListView runat="server" ID="MaterialListView">
                                        <LayoutTemplate>
                                            <table>
                                                <asp:PlaceHolder runat="server" ID="itemPlaceholder"></asp:PlaceHolder>
                                            </table>
                                        </LayoutTemplate>
                                        <ItemTemplate>
                                            <tr>
                                                <td>
                                                    <div class="materials_div">
                                                        <div style="float: right; width: 660px">
                                                            <a href='<%# Eval("Link") %>'>
                                                                <asp:Label ID="linkLabel1" runat="server" Text='<%# Eval("Link") %>' /></a>
                                                        </div>
                                                    </div>
                                                </td>
                                            </tr>
                                        </ItemTemplate>
                                    </asp:ListView>
                                </div>
                            </ContentTemplate>
                        </asp:TabPanel>
                        <asp:TabPanel runat="server" HeaderText="References" ID="ReferencePanel">
                            <HeaderTemplate>
                                References</HeaderTemplate>
                            <ContentTemplate>
                                <asp:Label ID="referencesLabel" runat="server" Text="References:"></asp:Label>
                                <div>
                                    <asp:ListView runat="server" ID="referencesListView">
                                        <LayoutTemplate>
                                            <table>
                                                <asp:PlaceHolder runat="server" ID="itemPlaceholder"></asp:PlaceHolder>
                                            </table>
                                        </LayoutTemplate>
                                        <ItemTemplate>
                                            <tr>
                                                <td>
                                                    <div class="material_div">
                                                        <div style="float: right; width: 90%">
                                                            <a href='<%# Eval("Link") %>'>
                                                                <asp:Label ID="Label1" runat="server" Text='<%# Eval("Link") %>' /></a>
                                                        </div>
                                                    </div>
                                                </td>
                                            </tr>
                                        </ItemTemplate>
                                    </asp:ListView>
                                </div>
                            </ContentTemplate>
                        </asp:TabPanel>
                    </asp:TabContainer>
                </div>
            </div>
            <br />
            <div id="content_div_practice" style="width: 689px; float: left" runat="server">
                <div id="question_div" style="border: solid">
                    <p class="style1" style="text-align: left; color: #003300; width: 685px; height: 32px;">
                        Question:
                        <asp:Label ID="questionLabel" runat="server" Style="color: black" Font-Size="Large"
                            ForeColor="Black" Font-Names="Arial"></asp:Label>
                    </p>
                </div>
                <br />
                <asp:Label ID="questionResponseLabel" runat="server"></asp:Label>
                <div style="border: solid">
                    <asp:Label ID="selectAnswerStatementLabel" runat="server" Font-Italic="True"></asp:Label>
                    <br />
                    <asp:CheckBoxList ID="answerCheckBoxList" runat="server" Style="color: darkorchid;
                        margin-left: 52px" Font-Bold="False" Font-Names="Times New Roman" Font-Size="Large">
                    </asp:CheckBoxList>
                    <asp:RadioButtonList ID="answerRadioButtonList" runat="server" Style="color: darkorchid;
                        margin-left: 49px" Font-Names="Times New Roman" Font-Size="Large">
                    </asp:RadioButtonList>
                    <asp:Button ID="okButton" runat="server" Style="margin-left: 127px" Text="OK" OnClick="okButton_Click" />
                </div>
            </div>
        </div>
        <div id="menu_div" >
            <asp:TreeView ID="playlistTreeView" runat="server" DataSourceID="treeDataSource"
                ExpandDepth="1" ViewStateMode="Enabled" OnSelectedNodeChanged="playlistTreeView_SelectedNodeChanged"
                Font-Bold="True" Font-Names="Comic Sans MS" ForeColor="#006600" Width="100%">
                <SelectedNodeStyle ForeColor="White" BackColor="#006600" Font-Bold="True" />
            </asp:TreeView>
            <asp:XmlDataSource ID="treeDataSource" runat="server" EnableCaching="False"></asp:XmlDataSource>
        </div>
        <div id="menu_lower_div" style="float: left; width: 346px; height: 63px;">
        </div>
    </div>
</asp:Content>
